<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>学生管理系统</title>

  <link rel="stylesheet" href="../static/CSS/init.css">

  <link rel="stylesheet" href="../static/lib/layui/css/layui.css">

  <link rel="stylesheet" href="./CSS/student.css">

  <link rel="stylesheet" href="../admin/CSS/admin.css">







</head>

<body>
  <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
      <div class="layui-logo layui-hide-xs layui-bg-black"></div>
      <!-- 头部区域（可配合layui 已有的水平导航） -->
      <ul class="layui-nav layui-layout-left">
        <!-- 移动端显示 -->
        <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
          <i class="layui-icon layui-icon-spread-left"></i>
        </li>

      </ul>
      <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item layui-hide layui-show-md-inline-block">
          <a href="javascript:;">
            <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
              class="layui-nav-img">
            <div class="text-avater">A</div>
            <span class="acc-aid">用户名</span>
          </a>
          <dl class="layui-nav-child">
            <dd><a href="" id="id-layui-nav-rig-quit">退出</a></dd>
          </dl>
        </li>

      </ul>
    </div>

    <div class="layui-side layui-bg-black">
      <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree " lay-shrink="all" lay-filter="test">

          <li class="layui-nav-item avater-box">

            <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
              class="layui-nav-img avater">
            <div class="text-avater">A</div>
            欢迎<span class="acc-aid">用户</span>

          </li>


          <li class="layui-nav-item layui-nav-itemed">
            <a href="javascript:;">个人中心</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;" class="layui-this" id="id-studnet-side-peasonal-center-details">个人信息</a></dd>
              <dd><a href="javascript:;" id="id-student-layui-side-personalCenter-pwd">修改密码</a></dd>
            </dl>
          </li>

          <li class="layui-nav-item ">
            <a class="" href="javascript:;" id="id-student-layui-side-course">课程管理</a>
          </li>

        </ul>
      </div>
    </div>

    <div class="layui-body student-layui-body">

      <!-- 学生个人中心 -->
      <div class="student-body-peasonal-center" id="id-student-body-peasonal-center">

        <!-- 个人信息 -->
        <div class="studnet-body-peasonal-center-details" id="id-studnet-body-peasonal-center-details">

          <div class="layui-container">
            <div class="layui-row">

              <div class=" layui-col-md6">

                <div class="layui-card">
                  <div class="layui-card-header">个人信息</div>
                  <div class="layui-card-body">

                    <div class="layui-container">
                      <div class="layui-row">
                        <div class=" layui-col-md4 ">

                          <form class="layui-form" action="" id="id-studnet-body-peasonal-center-details-form">
                            <div class="layui-form-item">
                              <label class="layui-form-label">学号</label>
                              <div class="layui-input-block">
                                <input type="text" name="aid" required  lay-verify="required" placeholder="学号" autocomplete="off" readonly class="layui-input">
                              </div>
                            </div>

                            <div class="layui-form-item">
                              <label class="layui-form-label">姓名</label>
                              <div class="layui-input-block">
                                <input type="text" name="sname" required  lay-verify="required" placeholder="姓名" autocomplete="off" class="layui-input">
                              </div>
                            </div>

                            <div class="layui-form-item">
                              <label class="layui-form-label">年龄</label>
                              <div class="layui-input-block">
                                <input type="text" name="sage" required  lay-verify="required|number" placeholder="年龄" autocomplete="off" class="layui-input">
                              </div>
                            </div>

                            <div class="layui-form-item">
                              <label class="layui-form-label">总学分</label>
                              <div class="layui-input-block">
                                <input type="text" name="sumCredit" required  lay-verify="required" placeholder="学号" autocomplete="off" readonly class="layui-input">
                              </div>
                            </div>
                            
                           
                            
                           
                            <div class="layui-form-item">
                              <label class="layui-form-label">性别</label>
                              <div class="layui-input-block  radio-ssex" id="">
                                <input type="radio" name="ssex" value="1" title="男" checked>
                                <input type="radio" name="ssex" value="0" title="女" >
                              </div>
                            </div>
                           
                            <div class="layui-form-item">
                              <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                
                              </div>
                            </div>
                          </form>

                        </div>

                      </div>
                    </div>


                  </div>
                </div>
              </div>


            </div>
          </div>
        </div>

        <!-- 修改密码 -->
        <div class="student-layui-body-personalCenter-pwd" id="id-student-layui-body-personalCenter-pwd">

          <div class="layui-container">
            <div class="layui-row">

              <div class="layui-col-md4 layui-col-md-offset4">

                <div class="layui-card">

                  <div class="layui-card-header">修改密码</div>
                  <div class="layui-card-body">
                    <form class="layui-form" id="id-student-body-personalCenter-pwd-form" action="">

                      <div class="layui-form-item">
                        <input type="password" name="oldPwd" required lay-verify="required" placeholder="请输入旧密码"
                          autocomplete="off" class="layui-input">
                      </div>

                      <div class="layui-form-item">
                        <input type="password" name="newPwd" required lay-verify="required" placeholder="请输入新密码"
                          autocomplete="off" class="layui-input">
                      </div>

                      <div class="layui-form-item">
                        <input type="password" name="tmpPwd" required lay-verify="required" placeholder="确认密码"
                          autocomplete="off" class="layui-input">
                      </div>

                      <div class="layui-form-item pwd-change-btn">
                        <button class="layui-btn" lay-submit lay-filter="formDemo">修改</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                      </div>
                    </form>
                  </div>


                </div>
                <!-- rowend -->
              </div>

            </div>
          </div>


        </div>

      </div>

      <!-- 课程中心 -->
      <div class="student-body-peasonal-course" id="id-student-body-peasonal-course">

        <div class="layui-body-stud-details" id="id-student-layui-body-stud-details">

          <div class="layui-tab layui-tab-brief" lay-filter="filter-student-layui-body-stud-details-tab">
            <ul class="layui-tab-title">
              <li class="layui-this">已选课程</li>
              <li>选课页面</li>
            </ul>
            <div class="layui-tab-content">

              <div class="layui-tab-item layui-show">

                <table id="id-student-layui-body-stud-details-table" lay-filter="stud-details-table"></table>

              </div>

              <div class="layui-tab-item ">


                <!-- 学生选课页面 -->
                <table id="id-student-layui-body-stud-details-choose-Course-table"
                  lay-filter="filter-stud-details-choose-Course-table"></table>

              </div>

            </div>

          </div>

        </div>

      </div>








    </div>

    <div class="layui-footer">
      <!-- 底部固定区域 -->
      底部固定区域
    </div>
  </div>


  <script type="text/html" id="id-template-studnet-body-peasonal-center-details">




  </script>


  <script type="text/html" id="choose-course-table-tool">
    <a class="layui-btn layui-btn-xs " lay-event="choosed" >选课</a>
    <a class="layui-btn layui-btn-xs layui-btn-danger layui-btn-disabled" lay-event="unchoose" >退选</a>
    <!-- <a class="layui-btn layui-btn-xs layui-btn-disabled" lay-event="editDisabled">确认</a> -->
  
  </script>



  <script src="../static/js/jQuery.js"></script>

  <script src="../static/lib/layui/layui.js"></script>

  <script src="../static/js/zbasejs.js"></script>

  <script src="../admin/js/Account.js"></script>

  <script src="../admin/js/MyUtils.js"></script>

  <script src="../admin/js/stud/studCardDetails.js"></script>

  <script src="../admin/js/stud/StudChooseCourse.js"></script>

  <script src="../admin/js/pwdManage.js"></script>

  <script src="./js/PeasonalDetail.js"></script>

  <script src="./js/student.js"></script>




  <script>
    //JS 
    layui.use(['element', 'layer', 'util'], function () {
      var element = layui.element
        , layer = layui.layer
        , util = layui.util
        , $ = layui.$;

      //头部事件
      util.event('lay-header-event', {
        //左侧菜单事件
        menuLeft: function (othis) {
          layer.msg('展开左侧菜单的操作', { icon: 0 });
        }
        , menuRight: function () {
          layer.open({
            type: 1
            , content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
            , area: ['260px', '100%']
            , offset: 'rt' //右上角
            , anim: 5
            , shadeClose: true
          });
        }
      });

    });
  </script>
</body>

</html>